/*********************************
 * 			General
 ********************************/
/*
 * green	71A909		113 169   9
 * purple	2D2036		 45  32  54
 * white	E8D3DA		232 211 218
 * red		72001D		114   0  29
 * blue		16124F		 22  18  79
 */

body{
	padding:0px;
	margin:0px;
	font-family:calibri, helvetica, serif;
}
#wrapper{
	background-attachment: fixed;
	background:url('../images/stock_wood1.3.png');
	background-attachment: fixed;
	background-position: 0px;
	
}
#background{
	display:block;
	overflow:hidden;


	background: -webkit-linear-gradient(	top, 
	                                     rgba(0, 0, 0, 0.9) 0%, 
	                                     /*rgba(45, 32, 54, 0.85) 20%, 
	                                     rgba(45, 32, 54, 0.85) 70%,*/
	                                     rgba(09, 01, 17, 0.9) 20%
	                                     );

	
	/*background:#000;
	background:rgba(19, 0, 10, 0.95);
	background: linear-gradient(			top, rgba(0, 0, 0, 1.0) 0%, rgba(19, 0, 10, 0.95) 30%, rgba(79, 60, 70, 0.98) 100%);
	background: -o-linear-gradient(		top, rgba(0, 0, 0, 1.0) 0%, rgba(19, 0, 10, 0.95) 30%, rgba(79, 60, 70, 0.98) 100%);
	background: -moz-linear-gradient(		top, rgba(0, 0, 0, 1.0) 0%, rgba(19, 0, 10, 0.95) 30%, rgba(79, 60, 70, 0.98) 100%);*/
	/*  background: -webkit-linear-gradient(	top, rgba(0, 0, 0, 0.9) 0%, rgba(45, 32, 54, 0.85) 30%, rgba(45, 32, 54, 0.85) 100%);
	background: -ms-linear-gradient(		top, rgba(0, 0, 0, 1.0) 0%, rgba(19, 0, 10, 0.95) 30%, rgba(79, 60, 70, 0.98) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 1.0)), color-stop(0.3, rgba(19, 0, 10, 0.95)), color-stop(1.0, rgba(79, 60, 70, 0.98)));
	*/

	
	
}
.container{
	width:960px;
	margin:0px auto;
	display:block;
	overflow:hidden;
}
.clear{ clear:both; }
.clearRight{ clear:right; }
.clearLeft{ clear:left; }
.spacer{ height:10px; }
a{
	text-decoration:none;
	color:#7D70A6;
}
a:hover{
	color:#5D5086;
}
h1, h2, h3, h4{ color:#71E909; }
h1{ font-size:32px; }
h2{ font-size:24px; text-align:center; }
h3{ font-size:24px; }
h4{ font-size:16px;
	text-transform:uppercase;
	text-align:center;
	margin:10px;
}





/******************************************
 *			Element Blocks
 *****************************************/
p{
	margin:10px;
	font-size:16px;
	line-height:20px;
}
.grid1,  .grid2,  .grid3,  .grid4,  .grid5,  .grid6,  .grid7,  .grid8, 
.grid9,  .grid10, .grid11, .grid12, .grid13, .grid14, .grid15, .grid16{
	margin:10px;
	display:inline-block;
	overflow:hidden;
	float:left;
}
.grid1{  width:60px;  }
.grid2{  width:100px; }
.grid3{  width:160px; }
.grid4, .fourth{  width:220px; }
.grid5{  width:280px; }
.grid6{  width:340px; }
.grid7{  width:400px; }					.grid7 img{ width:380px; margin:10px; }
.grid8, .half{  width:460px; }			.grid8 img{ width:440px; margin:10px; }
.grid9{  width:520px; }
.grid10{ width:580px; }
.grid11{ width:640px; }
.grid12, .threeFourth{ width:700px; }
.grid13{ width:760px; }
.grid14{ width:820px; }
.grid15{ width:880px; }
.grid16, .whole{ width:940px; }
.right{
	float:right;
}
.left{
	float:left;
}
.center{
	margin:10px auto;
	display:block;
	float:none;
}
.centerText{ text-align:center; }
.noMargin{
	margin:0px;
}
.noPadding{
	padding:0px;
}
.roundEdge{
	border-radius:20px;
}
.roundEdgeSm{
	border-radius:5px;
}

/* white */
.clearBack{
	background: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.5) 0%, rgba(100, 100, 100, 0.5) 100%);
}
.clearWhiteBack{
	background: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
}

/* black */
.whiteClearBack{
	background: -webkit-linear-gradient(top, rgba(55, 55, 55, 0.8) 0%, rgba(5, 5, 5, 0.95) 100%);
	color:#EAEAEA;
}
.blackBack{
	background: -webkit-linear-gradient(top, rgba(55, 55, 55, 0.4) 0%, rgba(5, 5, 5, 0.55) 100%);
	color:#AAA;
}

/* blue */
.blueBlackBack{
	background-image: -webkit-linear-gradient(top, rgba(23, 11, 74, 0.8) 30%, rgba(10, 10, 10, 0.95) 100%);
	color:#EAEAEA;
}














/********************************
 * 			Header
 *******************************/
#header{
	margin:30px 0px 20px 0px;
	overflow:hidden;
	border:0px solid red;
}

#title{
	float:left;
	display:inline-block;
}
#title img{
	margin:23px 10px 10px 10px;
	width:460px;
}


#nav{
	display:inline-block;
	float:right;
}
#nav a{
	margin:10px;
	overflow:hidden;
	display:inline-block;
	float:left;
	width:100px;
	height:80px;
	/*background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(5, 5, 5, 0.5) 100%);*/
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 0%, rgba(50, 50, 50, 0.45) 100%);
	
	line-height:80px;
	font-size:20px;
	color:#FFF;
	
	font-weight:500;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}
#nav a.n1{
	border-radius:20px 50px 50px 50px;
}
#nav a.n2{
	border-radius:50px 50px 50px 20px;
}
#nav a.n3{
	border-radius:50px 50px 20px 50px;
}
#nav a.n4{
	border-radius:50px 20px 50px 50px;
}
#nav a.here{ 
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 0%, rgba(41, 28, 82, 0.45) 100%);
}
#nav a:hover{
	/*background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(29, 16, 70, 0.5) 100%);*/
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(50, 50, 50, 0.65) 100%);
}
#nav a:hover.here{
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(41, 28, 82, 0.65) 100%);
}






/******************************
 * 			Body
 *****************************/
#body{
	overflow:hidden;
}

#social{  }
#social .socialFollow{ clear:both; margin:10px 10px 10px 10px; overflow:hidden; }
#social .socialFollow img{ width:30px; display:inline-block; float:left; }
#social .socialFollow p{ display:inline-block; float:left; margin:0px 0px 0px 10px; line-height:30px; }

#twitter{ padding:5px 0px 10px 0px; }
#twitter .tweet{  }
#twitter .tweet p{  }
#twitter .tweet a{  }
#twitter .tweet a:hover{  }

.blogPost{  }
.blogPost h3{ margin:10px 10px 0px 10px; padding:0px 10px 5px 0px; border-bottom:1px solid white; }
.blogPost .author{ font-style:italic; font-size:12px; margin-top:5px; }

.bio, .bioSm, .bioMed{ overflow:hidden;  }
.bio{ height:210px; }
.bioMed{ height:110px; }
.bioSm h1{ text-align:center; }
.bio img{ max-width:140px;max-height:190px;float:left;margin:10px;display:inline-block; }
.bio .name{ text-transform:uppercase; }
.bio p, .bioMed p{ font-size:16px;line-height:21px; }


/******************************
 * 			Footer
 *****************************/
#footer{  }
#footer .footEle{ height:170px; }


